home *** CD-ROM | disk | FTP | other *** search
/ PC Pro 2002 April / pcpro0402.iso / essentials / graphics / RealDraw / Setup.exe / {app} / Script / CSS Script.mms next >
Encoding:
Text File  |  2001-04-19  |  2.0 KB  |  59 lines
  1. This is a web page script using CSS which exports the whole design
  2. You can set a URL link for each button by adding it to the label in a layer list.
  3. Note: This script works for IE, please visit www.real-draw.com page to get a script working on both Netscape and IE
  4. <#EXTENSION>html
  5. <#SCRIPTSTART>
  6. <html>
  7. <head>
  8. <meta name="generator" content="Real-DRAW">
  9. <title>CSS Export</title>
  10. <style media="screen" type="text/css"><!--
  11. #layer0   { position: absolute; top: 0px; left: 0px; width: <#BGWIDTH>px; height: <#BGHEIGHT>px; visibility: visible }
  12. <#LOOP>
  13. #layer<#OBJECTNUM>   { position: absolute; top: <#TOP>px; left: <#LEFT>px; width: <#WIDTH>px; height: <#HEIGHT>px; visibility: visible }
  14. <#END>
  15. --></style>
  16. </head>
  17.  
  18. <SCRIPT LANGUAGE="JavaScript">
  19. <!-- Hide Script 
  20. //--------------------------------------------------------------------
  21.  
  22. if (document.images) 
  23. {
  24. <#LOOP>
  25.     B<#OBJECT>_normal        = new Image();
  26.     B<#OBJECT>_normal.src    = "<#FILE0>";
  27.     B<#OBJECT>_over          = new Image();
  28.     B<#OBJECT>_over.src      = "<#FILE1>";
  29.     B<#OBJECT>_click         = new Image();
  30.     B<#OBJECT>_click.src     = "<#FILE2>";
  31. <#END>
  32. }
  33.  
  34. function switchimages(sName,nEvent) {
  35.     if (document.images) 
  36.     {
  37.         if (nEvent == 0) sVal = 'normal';
  38.         else if (nEvent == 1) sVal = 'over';
  39.         else if (nEvent == 2) sVal = 'click';
  40.         else return;
  41.         sObj = eval(sName + '_' + sVal + ".src");
  42.         if (document.images[sName]) 
  43.             document.images[sName].src = sObj; 
  44.     }
  45. }
  46. // End of JavaScript -->
  47. </SCRIPT>
  48. <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
  49.  
  50. <span id="layer0"><img src="<#BGFILE>" border="0">
  51.  
  52. <#LOOP>
  53. <span id="layer<#OBJECTNUM>">
  54. <a href="<#LABEL>" onMouseOver=" switchimages('B<#OBJECT>',1); return true" onMouseOut=" switchimages('B<#OBJECT>',0); return true" onClick=" switchimages('B<#OBJECT>',2); return true"><IMG SRC="<#FILE0>"  WIDTH="<#WIDTH>" HEIGHT="<#HEIGHT>" NAME="B<#OBJECT>" ALT="" BORDER="0"></a>
  55. </span>
  56. <#END>
  57. </span>
  58. </body>
  59. </html>